<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>灯泡开关</title>
    <script>
        function changeImage() {
            // 获取灯泡图像元素
            var element = document.getElementById('myimage');
            // 判断当前图像的src属性是否包含"off"
            if (element.src.match("off")) {
                // 如果是熄灭状态，则切换为点亮状态
                element.src = "../img/eg_bulbon.gif";
            } else {
                // 如果是点亮状态，则切换为熄灭状态
                element.src = "../img/eg_bulboff.gif";
            }
        }
    </script>
</head>
<body>
    <h1>灯泡开关</h1>
    <img id="myimage" onclick="changeImage()" src="../img/eg_bulboff.gif" alt="灯泡">
    <p>点击灯泡来点亮或熄灭这盏灯</p>
</body>
</html>